﻿<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="utf-8">
<title>Ecology</title>
<!-- Stylesheets -->
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<!-- Responsive -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<link href="css/responsive.css" rel="stylesheet">
<!--[if lt IE 9]><script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
<!--[if lt IE 9]><script src="js/respond.js"></script><![endif]-->
    <style>
        .td1{
            width: 100%;
            color: #9d9d9d;
        }
        .td2{
            width: 100%;
            color: #706f6f;
        }
        .td-span{
            text-align: center;
            margin: auto;
            width: 100%;
            margin-top: 5%;
            margin-bottom: 5%;
        }
        th{
            background-color: #bcbcbc;
            border: 1px #bcbcbc solid;
            text-align: center;
        }
        tr {
            padding: 0;
            margin: 0;
            border: 0;
        }
        td {
            padding: 0;
            margin: 0;
            width: 6%;
            font-size: 13px;
            text-align: center;
            border: 1px #8d8d8d solid;
        }
    </style>
</head>

<body>
<div class="page-wrapper">
    <!-- Preloader -->
    <div class="preloader"></div>
    <!-- Main Header -->
    <header class="main-header">
    	<div class="top-bar">
        	<div class="top-container">
            	<!--Info Outer-->
                 <div class="info-outer">
                 	<!--Info Box-->
                    <ul class="info-box clearfix">
                        <li><a href="/user/logout">退出登录</a></li>
                        <li><a href="userCenterPage" th:text="${res.user.username}"></a></li>
                    </ul>
                 </div>
            </div>
        </div>
    	<!-- Header Upper -->
        <div class="header-upper">
            <div class="auto-container clearfix">
                <!-- Logo -->
                <div class="logo" style="width: 20%">
                    <a href="#"><img src="images/logo-1.png" alt="Ecology"></a>
                 </div>
                 
                 <!--Nav Outer-->
                <div class="nav-outer clearfix">

                    <!-- Main Menu -->
                    <nav class="main-menu">

                        <div class="navbar-header">
                            <!-- Toggle Button -->
                            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                            </button>
                        </div>

                        <div class="navbar-collapse collapse clearfix">
                            <ul class="navigation">
                                <li><a href="areaPage">管理土地</a></li>
                                <li><a href="cropTypePage">管理农作物种类</a></li>
                                <li><a href="uploadCropsPage">管理农作物</a></li>
                                <li><a href="#" style="color: #0F9E5E">实时监控</a></li>
                                <li><a href="medicinePage">植物农药管理</a></li>
                                <li><a href="messagePage">通知公告</a></li>
                                <li><a href="searchAudit">用户审批</a></li>
                                <li><a href="userPage">人员管理</a></li>
                                <li><a href="userCenterPage">个人中心</a></li>
                            </ul>
                        </div>
                    </nav><!-- Main Menu End-->

                </div>
                
            </div>
        </div><!-- Header Top End -->
        
    </header><!--End Main Header -->
    <section class="donation-section">
        <label class="donation-form-outer" style="width: 100%">
<!--            <form form-group col-lg-6 col-md-6 col-xs-12 method="post" action="uploadCrops" enctype="multipart/form-data">-->
                <br>
                <!--Form Portlet-->
            <label class="form-portlet" style="width: 100%">
                <h4>整体监控</h4>
                <form action="seePage" method="get" style="margin: 0 auto">
                        <label class="form-portlet" style="width: 100%; margin: 0 auto">
                            <label class="row clearfix" style="width: 100%; margin: 0 auto">
                                <label style="margin-left: 15%">土地<span></span></label>
                                <label style="padding-right: 10%">
                                    <select name="areaId" style="height: 50% ;margin-left: 10px;border-radius: 2px">
                                        <option value="">请选择</option>
                                        <option th:each="area, iterStat:${res.t.areas}" th:value="${area.id}" th:text="${area.areaName}" th:selected="${res.t.areaId == area.id}"></option>
                                    </select>
                                </label>
<!--                                </div>-->
<!--                                <div class="form-group col-lg-6 col-md-6 col-xs-12">-->
                                <label>植物<span></span></label>
                                <label style="padding-right: 10%">
                                    <select name="cropId" style="height: 50% ;margin-left: 10px;border-radius: 2px">
                                        <option value="">请选择</option>
                                        <option th:each="type, iterStat:${res.t.types}" th:value="${type.id}" th:text="${type.name}" th:selected="${res.t.cropId == type.id}"></option>
                                    </select>
                                </label>
<!--                                </div>-->
<!--                                <div class="form-group col-lg-6 col-md-6 col-xs-12">-->
                                <label>生长状态<span></span></label>
                                <label style="padding-right: 10%">
                                    <select name="plantStatus" style="height: 50% ;margin-left: 10px;border-radius: 2px">
                                        <option value="">请选择</option>
                                        <option th:each="tcCode, iterStat:${res.t.dic}" th:value="${tcCode.code}" th:text="${tcCode.value}"  th:selected="${res.t.plantStatus == tcCode.code}"></option>
                                    </select>
                                </label>
<!--                                </div>-->
                                <label style="color: #4cae4c; border-radius: 8px; padding: 0 10px; margin-left: 5%">
                                    <button type="submit" class="theme-btn btn-style-two" style="border-radius: 5px;font-weight:bold; padding-top: 5px; padding-bottom: 5px;">查询</button>
                                </label>
                            </label>
                        </label>
                    </form>
                <br><br><br>
                <table style="width: 100%; text-align: center">
                        <tr>
                            <th>
                                <div>
                                    <span>土地</span>
                                </div>
                            </th>
                            <th>
                                <div>
                                    <span>植物大类</span>
                                </div>
                            </th>
                            <th>
                                <div>
                                    <span>植物名称</span>
                                </div>
                            </th>
                            <th>
                                <div>
                                    <span>面积大小</span>
                                </div>
                            </th>
                            <th>
                                <div>
                                    <span>湿度</span>
                                </div>
                            </th>
                            <th>
                                <div>
                                    <span>温度</span>
                                </div>
                            </th>
                            <th>
                                <div>
                                    <span>虫害</span>
                                </div>
                            </th>
                            <th>
                                <div>
                                    <span>成长状态</span>
                                </div>
                            </th>
                            <th>
                                <div>
                                    <span>种植人</span>
                                </div>
                            </th>
                            <th>
                                <div>
                                    <span>种植时间</span>
                                </div>
                            </th>
                        </tr>
                        <tr th:each="see, iterStat:${res.t.see.data}" th:class="'td' + ${iterStat.count % 2}">
                            <td>
                                <div>
                                    <span th:text="${see.areaName}"></span>
                                </div>
                            </td>
                            <td>
                                <div>
                                    <span th:text="${see.typeName}"></span>
                                </div>
                            </td>
                            <td>
                                <div>
                                    <span th:text="${see.cropName}"></span>
                                </div>
                            </td>
                            <td>
                                <div>
                                    <span th:text="${see.thisSize}"></span>
                                </div>
                            </td>
                            <td>
                                <div>
                                    <span th:text="${see.dampness}"></span>
                                </div>
                            </td>
                            <td>
                                <div>
                                    <span th:text="${see.temperature}"></span>
                                </div>
                            </td>
                            <td>
                                <div>
                                    <span th:text="${see.pestis}"></span>
                                </div>
                            </td>
                            <td>
                                <div>
                                    <span th:text="${see.cropsStatus}"></span>
                                </div>
                            </td>
                            <td>
                                <div>
                                    <span th:text="${see.username}"></span>
                                </div>
                            </td>
                            <td>
                                <div>
                                    <span th:text="${see.plantTime}"></span>
                                </div>
                            </td>
                        </tr>
                    </table>
            </label>
            <br>
            <div>
                <div class="modal-footer no-margin-top">
                    <ul class="pagination pull-right no-margin">
                        <!-- 首页 -->
                        <li>
                            <a th:href="'/seePage?pageNum=1' + '&areaId=' + ${res.t.areaId == null ? '' : res.t.areaId} + '&cropId=' + ${res.t.cropId == null ? '' : res.t.cropId} + '&plantStatus=' + ${res.t.plantStatus == null ? '' : res.t.plantStatus}">首页</a>
                        </li>
                        <!-- 上一页 -->
                        <li>
                            <a th:href="'/seePage?pageNum=' + ${res.t.see.jump(-1)} + '&areaId=' + ${res.t.areaId == null ? '' : res.t.areaId} + '&cropId=' + ${res.t.cropId == null ? '' : res.t.cropId} + '&plantStatus=' + ${res.t.plantStatus == null ? '' : res.t.plantStatus}" th:text="上一页"></a>
                        </li>
                        <!-- 下一页 -->
                        <li>
                            <a th:href="'/seePage?pageNum=' + ${res.t.see.jump(1)} + '&areaId=' + ${res.t.areaId == null ? '' : res.t.areaId} + '&cropId=' + ${res.t.cropId == null ? '' : res.t.cropId} + '&plantStatus=' + ${res.t.plantStatus == null ? '' : res.t.plantStatus}" th:text="下一页"></a>
                        </li>

                        <!-- 尾页 -->
                        <li>
                            <a th:href="'/seePage?pageNum=' + ${res.t.see.maxPage} + '&areaId=' + ${res.t.areaId == null ? '' : res.t.areaId} + '&cropId=' + ${res.t.cropId == null ? '' : res.t.cropId} + '&plantStatus=' + ${res.t.plantStatus == null ? '' : res.t.plantStatus}">尾页</a>
                        </li>
                        <li>
                            <span th:text="'当前页：' + ${res.t.see.pageNum}"></span>
                        </li>
                        <li>
                            <span th:text="'页面大小：' + ${res.t.see.pageSize} + '条/页'"></span>

                        </li>
                        <li>
                            <span th:text="'总条数：' + ${res.t.see.size}"></span>
                        </li>
                    </ul>
                </div>
            </div>

        </label>
    </section>

</div>
<!--End pagewrapper-->


<!--Scroll to top-->
<div class="scroll-to-top scroll-to-target" data-target=".main-header"><span class="fa fa-long-arrow-up"></span></div>


<!--Donate Popup-->

<!-- /.modal -->

<script src="js/jquery.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.fancybox.pack.js"></script>
<script src="js/jquery.fancybox-media.js"></script>
<script src="js/owl.js"></script>
<script src="js/wow.js"></script>
<script src="js/script.js"></script>
</html>
